<html>
  <head>
  </head>
  
  <body>
    <select name="other" id="other">
    	<option value="please select year" selected>please select year</option>
    	<option value="2009">2009</option>

    	<option value="2005">2005</option>
    </select>
    
     <input type="button" name="Submit" value='submit' onclick='genReport()'>
  <!-- single -->
  <div id='Report1Div' align='center'>Chart.</div>
  <div id='Report0Div' align='center'>Chart.</div><script src='ajax/jquery-1.3.2.min.js' type='text/javascript'></script><script language='JavaScript' src='JSClass/FusionCharts.js' ></script><script type='text/javascript'>function getValueFromPage(field) {var fieldValue;if(field.type == 'textarea' || field.type == 'text')fieldValue = field.value;else if(field.type == 'select-one')fieldValue = field[field.selectedIndex].text;return fieldValue;}function contructActionParams_x() {var str='';str+='year'+'='+getValueFromPage(other);return str;}function contructActionParams_y() {var str='';str+='year'+'='+getValueFromPage(other);return str;}function genReport() {var actionParams_x = contructActionParams_x();var actionParams_y = contructActionParams_y();$.post('generateReport.do?', {dataFile:'report.data',actionParams_x:actionParams_x,actionParams_y:actionParams_y}, function(json) {var chart_1 = new FusionCharts('Charts/'+json.chartSWF, 'myChardId', json.chartWidthStr, json.chartHeightStr, json.debugModeStr, json.regWithJSStr);chart_1.setDataXML(json.strXML);chart_1.render('Report0Div');}, 'json');};</script>
  <!-- multiple -->

  </body>
</html>
